<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleRequestCliente(xhr, status, args) {                     
            if(args.validationFailed || !args.CallbackParam) {  
     
            } else {                              
                carDialogCliente.hide();  
                
            }  
        }  
    </SCRIPT>
    <h:form id="frmDetalle">
        <p:panel header="CLIENTE" style="#{applicationMBean.estiloTitulo}">
            <h:panelGrid columns="6" cellpadding="4">
                <h:outputLabel for="itPopupNombres" value="NOMBRES" styleClass="label"/>
                <p:inputText id="itPopupNombres" label="NOMBRES" maxlength="100"
                             value="#{solicitudClienteMBean.cliente.nombres}"
                             required="true" size="60" styleClass="txtCampoObligatorio">
                    <f:validateLength minimum="0" maximum="100"/>
                </p:inputText>

                <h:outputLabel for="itPopupApPaterno" value="APELLIDO PATERNO" styleClass="label"/>
                <p:inputText id="itPopupApPaterno" label="APELLIDO PATERNO" maxlength="30"
                             value="#{solicitudClienteMBean.cliente.apPaterno}"
                             required="true" size="30" styleClass="txtCampoObligatorio">
                    <f:validateLength minimum="0" maximum="30"/>
                </p:inputText>

                <h:outputLabel for="itPopupApMaterno" value="APELLIDO MATERNO" styleClass="label"/>
                <p:inputText id="itPopupApMaterno" label="APELLIDO MATERNO" maxlength="30"
                             value="#{solicitudClienteMBean.cliente.apMaterno}"
                             required="true" size="30" styleClass="txtCampoObligatorio">
                    <f:validateLength minimum="0" maximum="30"/>
                </p:inputText>

                <h:outputLabel for="itPopupDni" value="DNI" styleClass="label"/>
                <p:inputText id="itPopupDni" value="#{solicitudClienteMBean.cliente.dni}" onkeypress="return fn_validaTecla('entero', this)"
                             styleClass="txtCampoObligatorio" size="20" required="true">
                    <f:validateLength minimum="0" maximum="20"/>
                </p:inputText>

                <h:outputLabel for="itPopupTelefono" value="TELÉFONO" styleClass="label"/>
                <p:inputText id="itPopupTelefono" value="#{solicitudClienteMBean.cliente.telefono}" onkeypress="return fn_validaTecla('entero', this)"
                             styleClass="txtCampoObligatorio" size="20" required="true">
                    <f:validateLength minimum="0" maximum="20"/>
                </p:inputText>

                <h:outputLabel for="itPopupDireccion" value="DIRECCIÓN" styleClass="label"/>
                <p:inputText id="itPopupDireccion" label="DIRECCIÓN" maxlength="100"
                             value="#{solicitudClienteMBean.cliente.direccion}"
                             required="true" size="60" styleClass="txtCampoObligatorio">
                    <f:validateLength minimum="0" maximum="100"/>
                </p:inputText>

                <h:outputLabel for="itPopupEmailLab" value="E-MAIL LABORAL" styleClass="label"/>
                <p:inputText id="itPopupEmailLab" label="E-MAIL LABORAL" maxlength="100"
                             value="#{solicitudClienteMBean.cliente.emailLaboral}"
                             required="true" size="60" styleClass="txtCampoObligatorio">
                    <f:validateLength minimum="0" maximum="100"/>
                </p:inputText>

                <h:outputLabel for="itPopupEmailPer" value="E-MAIL PERSONAL" styleClass="label"/>
                <p:inputText id="itPopupEmailPer" label="E-MAIL PERSONAL" maxlength="100"
                             value="#{solicitudClienteMBean.cliente.emailPersonal}"
                             required="true" size="60" styleClass="txtCampoObligatorio">
                    <f:validateLength minimum="0" maximum="100"/>
                </p:inputText>

                <h:outputLabel for="itPopupSexo" value="SEXO" styleClass="label"/>
                <p:selectOneMenu id="itPopupSexo" value="#{solicitudClienteMBean.cliente.sexo}" style="#{applicationMBean.estiloObligatorio}">
                    <f:selectItems value="#{solicitudClienteMBean.siEstadosSexo}"/>
                </p:selectOneMenu>

                <h:outputLabel for="itPopupFechNac" value="FECHA NACIMIENTO" styleClass="label"/>
                <p:calendar id="itPopupFechNac" value="#{solicitudClienteMBean.fechaNacimiento}" label="FECHA NACIMIENTO" pattern="#{applicationMBean.formatoFecha}" required="true"
                            style="#{applicationMBean.estiloObligatorio}"> 
                </p:calendar>
            </h:panelGrid>

            <f:facet name="footer">
                <p:commandButton id="btnGuardarCliente" title="GUARDAR" ajax="true" icon="ui-icon ui-icon-disk"
                                 style="#{applicationMBean.estilosBtnBuscar}" update=":frmPrincipal"
                                 value="GUARDAR" onclick="return confirm('ESTÁ SEGURO QUE DESEA REALIZAR LA OPERACIÓN');"
                                 oncomplete="handleRequestCliente(xhr, status, args);"
                                 action="#{solicitudClienteMBean.guardarCliente}">
                </p:commandButton>
            </f:facet>
        </p:panel>
    </h:form>
</html>

